<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keyword" content="">

    <title>碰撞报告 - 编制说明</title>

    <!-- Bootstrap core CSS -->
    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="__PUBLIC__/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <!-- Custom styles for this template -->
    <link href="__PUBLIC__/css/style.css" rel="stylesheet">
    <link href="__PUBLIC__/css/style-responsive.css" rel="stylesheet" />
    <!-- new styles-->
      <link href="__PUBLIC__/css/xxxstyle.css" rel="stylesheet" />
      <link href="__PUBLIC__/echarts/css/font-awesome.min.css" rel="stylesheet">
      <link href="__PUBLIC__/echarts/css/echartsHome.css" rel="stylesheet">
      <script src="__PUBLIC__/echarts/esl/esl.js"></script>

      <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/js/html5shiv.js"></script>
      <script src="__PUBLIC__/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body class="scrollOn">
  <section id="container">
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper site-min-height">
              <!-- page start-->
              <!--<div class="row">-->
                  <!--<div class="col-sm-12">-->
                    <!--<div class="tab-content">-->
                      <div class="panel cReport-fill" id="printCon">
                          <div class="panel-heading"><i class="icon-file"></i>编制说明
                          </div>
                          <div class="panel-body">
                              <div class="task-details">
                                  {$organ.content|htmlspecialchars_decode}   
                              </div>
                              <div class="task-details">
                                  <div class="bzReportChartTitle">最终成果分析</div>
                                  <div class="row">
                                      <div class="col-xs-6">
                                          <div id="echartsOne" class="chartBox4"></div>
                                      </div>
                                      <if condition="$gc neq 1">
                                        <div class="col-xs-6">
                                            <div id="echartsThree" class="chartBox4"></div>
                                            <div class="echartsOneAid">
                                                <p>+ 代表节约，- 代表增加</p>
                                            </div>
                                        </div>
                                      </if>  
                                  </div>
                              </div>
                          </div>
                      </div>
                    <!--</div>-->
                  <!--</div>-->
              <!--</div>-->
              <!-- page end-->
          </section>
      </section>
      <!--main content end-->
  </section>
    <!-- js placed at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/js/jquery.js"></script>
    <script src="__PUBLIC__/js/jquery-1.8.3.min.js"></script>
    <!-- <script language="javascript" src="__PUBLIC__/js/jquery.jqprint-0.3.js"></script> -->
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
    <!-- <script class="include" type="text/javascript" src="__PUBLIC__/js/jquery.dcjqaccordion.2.7.js"></script> -->
    <!-- <script src="__PUBLIC__/js/jquery.scrollTo.min.js"></script> -->
    <!-- <script src="__PUBLIC__/js/jquery.nicescroll.js" type="text/javascript"></script> -->
    <!-- <script src="__PUBLIC__/js/jquery.customSelect.min.js" ></script> -->
    
    <!--common script for all pages-->
    <!-- <script src="__PUBLIC__/js/common-scripts.js"></script> -->

    <!--new script for this page only-->
    <!-- <script src="__PUBLIC__/js/common-singlePage.js"></script> -->
    <!-- <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script> -->

     <script type="text/javascript" src="__PUBLIC__/echarts/js/echartsHome.js"></script>
      <script type="text/javascript">
          require.config({
              packages: [
                  {
                      name: 'echarts',
                      location: '../../../../Public/echarts/src',
                      main: 'echarts'
                  },
                  {
                      name: 'zrender',
                     // location: 'http://ecomfe.github.io/zrender/src',
                      location: '../../../../Public/echarts/zrender/src',
                      main: 'zrender'
                  }
              ]
          });
          
          var organs = {$organs};
          var ordata = {$ordata};
          var optionOne = {
              tooltip : {
                  trigger: 'axis'
              },
              legend: {
                  orient : 'vertical',
                  x : 'right',
                  y : 'bottom',
                  data:['BIM报告数量']
              },
              toolbox: {
                  show : false
              },
              polar : [
                  {
                       indicator : [
                           { text: "设计 ( "+ ordata.design +"份 )"},
                           { text: "运维( "+ ordata.optimization +"份 )"},
                           { text: "验收( "+ ordata.check +"份 )"},
                           { text: "施工( "+ ordata.construction +"份 )"},
                           { text: "工期( "+ ordata.time +"份 )"},
                           { text: "成本( "+ ordata.cost +"份 )"}
                       ]
/* 
                      indicator : [
                          { text: "设计 ( 份 )"},
                          { text: "运维( 份 )"},
                          { text: "验收( 份 )"},
                          { text: "施工( 份 )"},
                          { text: "工期( 份 )"},
                          { text: "成本( 份 )"}
                      ] */
                  }
              ],
              calculable : false,
              series : [
                  {
                      type: 'radar',
                       data : [
                           {
                               value : organs,
                               name : 'BIM报告数量'
                           }
                       ]

                    /*   data:[
                          {
                            value : [311, 320, 310, 400, 540, 500],
                            name : 'BIM报告数量'
                          }
                      ] */
                  }
              ]
          };
         
          var chart3colors = ['#5793f3', '#d14a61'];
          var bid = {$bid};
          var cost = {$cost};
          var time_limit = {$time_limit};
          var optionThree = {
              color: chart3colors,

              tooltip: {
                  trigger: 'axis',
                  axisPointer: {type: 'cross'}
              },
              toolbox: {
                  show : false,
              },
              legend: {
                  data:['工期','成本']
              },
              xAxis: [
                  {
                      type: 'category',
                      axisTick: {
                          alignWithLabel: true
                      },
                       data: /* ['1月','2月'] */bid,
                     // data: ['1','2','3','5']
                  }
              ],
              yAxis: [
                  {
                      type: 'value',
                      name: '工期(天)',
                      min: -50,
                      max: 50,
                      position: 'left',
                      axisLine: {
                          lineStyle: {
                              color: chart3colors[0]
                          }
                      },
                      axisLabel: {
                          formatter: '{value}'
                      }
                  },
                  {
                      type: 'value',
                      name: '成本(万元)',
                      min: -50,
                      max: 50,
                      position: 'right',
                     
                      axisLine: {
                          lineStyle: {
                              color: chart3colors[1]
                          }
                      },
                      axisLabel: {
                          formatter: '{value}'
                      }
                  }
              ],
              series: [
                  {
                      name:'工期',
                      type:'bar',
                      data:time_limit,
                     // data:['2','5','10','30']
                  },
                  {
                      name:'成本',
                      type:'bar',
                      yAxisIndex: 1,
                       data:cost,
                       //data:['17','25','7','20']
                  },
              ]
          };
          require(
                  [
                      'echarts',
                      'echarts/chart/line',
                      'echarts/chart/bar',
                      'echarts/chart/radar',
                      'echarts/chart/pie',
                      'echarts/chart/funnel'
                  ],
                  function (ec) {
                      var myChartOne = ec.init(document.getElementById('echartsOne'));
                      myChartOne.setOption(optionOne);
                      var myChartThree = ec.init(document.getElementById('echartsThree'));
                      myChartThree.setOption(optionThree);
                  }
          )
      </script>
  </body>
</html>
